<script setup lang="ts">
import { userStore } from '@/store/user';

const user = userStore();
const show = userStore();

const logout = () => {
  user.logout();
};
</script>

<template>
  <h1>Welcome to eOPR System</h1>
  <el-menu :router="true" mode="horizontal">
    <el-menu-item index="/test">Test</el-menu-item>
    <el-menu-item index="/ftto">FTTO</el-menu-item>
    <el-menu-item index="/pon">PON</el-menu-item>
    <el-menu-item index="/raw">Raw Report</el-menu-item>
  </el-menu>
</template>

<style scoped>
h1 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
